$code-font: 'Menlo', 'Monaco', 'Andale Mono', 'lucida console', 'Courier New',
  monospace;

:host ::ng-deep {
  td-markdown:first-of-type > div:first-of-type {
    & > h1:first-of-type,
    & > h2:first-of-type {
      margin-top: 0;
    }
  }

  mat-checkbox {
    display: block;
  }

  td-highlight,
  mat-table,
  mat-checkbox:last-of-type {
    margin-bottom: 16px;
  }

  :not(pre) > code {
    font-family: $code-font;
    padding-left: 2px;
    padding-right: 2px;
  }

  td-highlight {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  mat-table {
    &.mat-mdc-table {
      border-radius: 8px;
      overflow: hidden;
    }

    .align-right {
      justify-content: flex-end;
    }

    .align-center {
      justify-content: center;
    }
  }
}
